<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
  <title>{$tdk['title']}</title>
  <meta name="description" content="{$tdk['description']}">
  <meta name="keywords" content="{$tdk['keywords']}">
  <meta name="author" content="alonez" />
  <link rel="shortcut icon" href="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/favicon.ico">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/css/weui.css">
  <link rel="stylesheet" href="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/css/weuix.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="https://ujia-res.oss-cn-shenzhen.aliyuncs.com/changehome/assets/weui/js/zepto.weui.js"></script>
  <script src="https://res.bestyoujia.com/web/ZMYJ/assets/js/mobile-common.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  <script src="https://res.bestyoujia.com/common/third/js.cookie/2.2.1/js.cookie.min.js"></script>
  <script src="https://res.bestyoujia.com/common/assets/js/appointment.js"></script>
  <script src="https://res.bestyoujia.com/common/assets/js/wxShare.js"></script>
  <style>
    html,body {
      overflow-x: hidden;
      font-size: 16px !important;
      -webkit-overflow-scrolling: touch;
      max-width: 520px;
      margin: 0 auto;
    }
    ul,li {
      list-style: none;
      margin: 0;
    }
    input, button {
      outline: none;
    }
    button:focus {
      outline: none;
    }
    p {
      margin: 0;
    }

    .weui-toast {
      width: auto !important;
      min-width: 8em;
      padding-left: 20px;
      padding-right: 20px;
    }

    .weui-toast--text {
      font-size: 1rem !important;
    }

    .container-fluid {
      padding: 0;
      overflow-x: hidden;
    }
    .m-t-5 {
      margin-top: 5.5vmin;
    }
    .p-t-5 {
      padding-top: 5.5vmin;
    }

    #nav {
      height: 50px;
      line-height: 50px;
      display: flex;
      overflow-x: scroll;
      /*border-bottom: 1px solid #d9d9d9;*/
      white-space: nowrap;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99998;
      background: #333333;
      margin-right: 40px;
      padding-right: 40px;
    }

    #nav-box {
      display: none;
      margin-top: 50px;
      position: fixed;
      top: 0px;
      left: 0;
      width: 100%;
      z-index: 99997;
      background: #333333;
      font-size: 15px;
      border-top: 1px solid #A0A0A0;
      position: fixed;
      top: 0px;
      left: 0;
      width: 100%;
      z-index: 99997;
      background: #333333;
      font-size: 15px;
      padding: 5px 0px 15px 0px;
    }

    #nav-box > #nav-open {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

    }

    #nav-box > #nav-open > a {
      color: #999999;
      width: calc(100% / 3);
      text-align: center;
      margin-top: 10px;
    }

    #nav-toggle {
      position: fixed;
      z-index:99999;
      right: 0;
      top:0;
      border-left: 1px #A0A0A0 solid;
      background:#333333;
      width: 40px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #nav > ul {
      padding: 0 10px;
      width: 100%;
      margin-left: 10px;
      white-space: nowrap;
    }

    #nav > ul > li {
      display: inline-block;
      margin: 0px 10px;
      text-align: center;
      position: relative;
      text-overflow: ellipsis;
      word-break: keep-all;
    }

    #nav > ul > li:last-child {
      margin: 0 50px 0 10px;
    }

    #nav > ul > li > a {
      color: #848484;
      font-weight: 400;
      text-decoration: none;
      font-size: 15px;
    }

    #nav > ul > li:nth-last-child(1) {
      padding-right: 10px;
    }

    .nav-active > a {
      color: #ffffff !important;
      font-weight: 500 !important;
      border-bottom: 2px #fff solid;
      padding-bottom: 6px;
    }

    ::-webkit-scrollbar
    {
      width: 0px;
      height: 0px;
    }

    .beaut-container {
      margin-top: 50px;
    }

    .bottom-nav-container {
      position: fixed;
      bottom: 0;
      width: 100%;
      max-width: 520px;
      background: #ffffff;
      z-index: 1;
    }

    .bottom-nav {
      bottom: 0;
      width: 100%;
      padding: 0;
      height: 50px;
      display: flex;
      border-top: 1px #fff solid;
    }

    .bottom-nav > div > img {
      width: 18%;
    }

    .bottom-nav > div > span {
      margin-left: 5%;
      font-size: .9rem;
      color: #FFFFFF;
    }

    .wx-online-consult {
      background: #7B153E;
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
      border-right: 1px #FFFFFF solid;
    }

    .wx-tel-consult {
      background: #333333;
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
    }

    .wx-appointment-enroll {
      background: #333333;
      border-right: 1px #FFFFFF solid;
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center;
    }

    .common-enroll {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(10,10,10,0.6);
      z-index: 100;
      display: none;
      justify-content: center;
      align-items: center;
    }

    .enroll-container {
      width: 92%;
      max-width: 414px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      background-color: #FFFFFF;
      box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.12);
      padding: 25px 0px 8px;
    }
    </style>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?40c4a0b79991b779265eef34e4be9d02";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</head>
<body>
<section class="container-fluid" style="margin-bottom: 30px">
  <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/banner.png">

  <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/brand.png" style="margin-top: 30px">

  <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/intention.png" style="margin-top: 30px">

  <div class="d-flex flex-column mx-auto" style="padding: 0 10px">
    <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/gc.png" style="margin-top: 20px">
  </div>

  <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/P2.png" style="margin-top: 30px">

  <div class="d-flex flex-column mx-auto" style="padding: 0 10px">
    <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/szh.png" style="margin-top: 30px">
  </div>

  <div class="d-flex flex-column mx-auto" style="margin-top: 30px;background:#F4F5F6;padding: 0 10px 30px">
    <img class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/about/mobile/pp.png">
  </div>

</section>
<section class="bottom-nav-container">
  <div class="bottom-nav">
    <div class="wx-appointment-enroll" onclick="window.page_position='通用底栏-报名按钮'">
      <img alt="" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/bottom/mobile/consult.png">
      <span>在线预约</span>
    </div>
    <div class="wx-online-consult" onclick="buryingPoint('CLICK', '点击了通用底栏[咨询]按钮');">
      <img alt="" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/bottom/mobile/subscribe.png">
      <span>0元报价</span>
    </div>
    <div class="wx-tel-consult" onclick="buryingPoint('CLICK', '点击了通用底栏[电话]按钮');">
      <img alt="" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/bottom/mobile/phone.png">
      <span>电话咨询</span>
    </div>
  </div>
</section>
{include file="public/mobile_common_enroll" /}
</body>
<script>
  const jumpTopHtmlStr = '<div id="backTop" style="position: fixed;bottom: 60px;right: 8px;display: none;z-index: 999;text-align: right;">'
    +'<img alt="" src="https://res.bestyoujia.com/web/UJGC/common/mobile/img/back_top.png" style="width: 42%;"/>'
    +'</div>';
  $('body').append(jumpTopHtmlStr);

  $(document.body).scroll(function () {
    if($(this).scrollTop() > $(window).height() / 2){
      $("#backTop").fadeIn();
    } else {
      $("#backTop").fadeOut();
    }
  });

  $("#backTop img").click(function(){
    // 以800ms的速度回到顶部
    $("html,body").animate({scrollTop:0}, 800);
    return false;
  });

  $('.wx-appointment-enroll').on('click', function () {
    showAppointmentLayer();
  });

  $('.wx-online-consult').on('click', function () {
    window.location.href="{$Request.root}/wxreply.html?utm_source=品牌介绍";
  });

  $('.wx-tel-consult').on('click', function () {
    window.location.href="tel:15308173135";
  });

  doStatistics('page', 'zmyj_wxbrand', Cookies.get('visitor_id'));
</script>
</html>